<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            color: #00ff25;
            color:rgba(255,0,0,.5);
        }
        #d1{
            background-color: #E8E8E8;
            width: 611px;
            height: 376px;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
            background-size: 318px 319px;
            background-repeat: no-repeat;
            background-position: 80% 90%;
        }
       body>div>div>p{
           font-size: 32px;
            margin-bottom: 12px;
            width: 245px;
            height: 38px;
           padding-top: 50px;
           padding-left: 30px;
           font-weight: lighter;
        }
        #ck{
            background: #0AA1ED;
            width: 100px;
            color: black;
            font-size: 20px;
            /*text-decoration: line-through;*/
            line-height: 5px;
            margin: 1px 0 0 60px;
            box-sizing: border-box;

        }
        #men{
            color:  #0AA1ED;
            font-size: 24px;
            text-align: center;
            width: 220px;
            font-weight: bold;
            margin: 16px 0px 1px 0;

        }
    </style>
</head>
<body>
<h1>测试12313</h1>
<div id="d1">
    <div >
        <p>灵越 燃7000系列</p>
        <p style="font-size:12px ;height: 20px ; padding-left: 40px"  align="left">酷睿双核i5处理器|256GB SSD| 8GB内存
            英特尔HD显卡620含共享显卡内存</p>
        <p id ="men" >￥4999.00</p>
        <p id="ck">查看详情</p>
    </div>


</div>
<div id="d2"></div>
</body>
</html>